<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Pirates</title>
<link rel="stylesheet" type="text/css"
	href="../../themes/default/panel.css">
<link rel="stylesheet" type="text/css"
	href="../../themes/default/layout.css">
<script type="text/javascript" src="../../jquery-1.4.2.js"></script>
<script type="text/javascript" src="../../src/jquery.resizable.js"></script>
<script>
	$(function() {
		var p = $("#p").resizable( {
			helper : true,
			helperStyle : {
				"border-right" : "5px solid red"
			},
			onResize : function() {
			},
			onStopResize : function() {
			}
		});
		$("#b").click(function() {
			p.disabled();
		});
		//$("#t").resizable();
	});
</script>
</head>
<body>
<h1>resizable</h1>
<button id="b">button</button>
<div id="p" title="My Title"
	style="width: 50px; height: 200px; left: 216px; top: 90px; background: #fafafa; border: 1px solid #ccc; position: absolute;">resizable</div>
</body>
</html>